var vm = new Vue({
    el: '#contentContainer', //el指定一个页面中已存在的DOM元素来挂载VUE实例
    data:{
        lunboImg:{},//轮播图片
        newListImg:{},  //最新的四张图片
        hotListImg:{},   //热卖的四张图片
        catalogue:{},
        categoryNum:{
            groupid:"1"
        },
        name:""
    },
    created:function () {
        this.testImg();
        this.lunbo();
        this.newlist();
        this.hostlist();
        this.catalogueList();
        //加载目录
        //加载名字
        var username = localStorage.getItem("userName");
        this.name=JSON.parse(username)
    },
    methods:{
        lunbo:function () {
            //发送请求 轮播图
            axios.request({
                url:`/goodLunbo/lunbo/${1}`
            }).then(res=>{
                this.lunboImg=res.data;

            })
        },
        newlist:function(){
            //发送请求 返回最新发布的四张图片
            axios.request({
                url:`/goods/search/newlist`
            }).then(res=>{
                this.newListImg=res.data;
            })
        },
        hostlist:function(){
            //发送请求 返回最热门发布的四张图片
            axios.request({
                url:`/goods/search/hotlist`
            }).then(res=>{
                this.hotListImg=res.data;
                localStorage.setItem("hotList", JSON.stringify(this.hotListImg))
            })
        },
        catalogueList:function(){
            //发送请求 目录
            axios.request({
                url:`/categorys`
            }).then(res=>{
                this.catalogue=res.data;
                //将后端接口返回的数据  存到缓存中
                localStorage.setItem("categoryNum",JSON.stringify(res.data.data))
            })
        },

        testImg:function(){
           console.log(this.lunboImg.data);
           console.log(this.newListImg.data);
           console.log(this.hotListImg.data);
        },
        //通过目录id找 以下的商品
        findByCategory:function (category=1) {
            localStorage.setItem("categoryOne",JSON.stringify(category));
            //发送请求查询目录为1的商品

            axios.request({
                url: `/goods/searchOne/${category}`,
            }).then(res=>{
                window.location.href="/view/productList";
                localStorage.setItem("categoryNumInfo",JSON.stringify(res.data));
            });
        },
        //查看商品详情
        goodsdetail:function (id=1) {
            console.log(id);
            //设置缓存id。
            localStorage.setItem("thisgoodsId",JSON.stringify(id));
            this.thisgoodsId=id;
            axios.request({
                url:`/goods/updateVisitors/${id}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                window.location.href="/view/goodsDetail"
            })
        },
        //注销
        logout:function () {
            layer.msg("注销倒计时......");
            sessionStorage.removeItem("userInfo");
            localStorage.clear();
            window.location.href="/view/logout"
        },

    },
    filters:{
        judge(value){
            var returnVal="";
            switch (value) {
                case "1":
                    returnVal="数码产品";
                    break;
                case "2":
                    returnVal="运动户外";
                    break;
                case "3":
                    returnVal="家居家纺";
                    break;
                case "4":
                    returnVal="家具家装";
                    break;
                case "5":
                    returnVal="生活超市";
                    break;
                case "6":
                    returnVal="唯品国际";
                    break;
                case "7":
                    returnVal="医药健康";
                    break
            }
            return returnVal;
        }
    }
});